﻿<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="msapplication-tap-highlight" content="no" />
        <link rel="stylesheet" type="text/css" href="/html/css/font.css" />
        <link rel="stylesheet" type="text/css" href="/html/css/phone.css" />
        <script src="js/jquery-2.1.0.js"></script>
        <script src="js/hammer.min.js"></script>
        <title>TYPOGRAPHY</title>
    </head>
    <body>
        <div id="main-page">
            <div class="app-header">
                <p class="app-title">Typo-</p>
                <p class="app-title">-graphy</p>
            </div>
            <div class="app-functions">
                <div id="capture-button" onclick="launchCamera()">
                    <p class="L">TAKE</p>
                    <p class="M">new</p>
                    <p class="L">PICTURE</p>
                </div>
                <p class="or">★ ★  <span>OR</span>  ★ ★</p>
                <div id="library-button" onclick="launchPhoto()">
                    <p class="M">CHOOSE FROM</p>
                    <p class="L">Gallery</p>
                </div>
                <!--<p><img onclick="launchPhoto()" id="library-button" src="images/choosefromgallery.png" /></p>-->
                <!--<p id="library-button" onclick="launchPhoto()">Choose photo</p>-->
            </div>            
        </div>
        <div id="main-editor">
            <div class="app-editor-header">
                <p class="app-editor-title">Typography</p>
            </div>
            <div id="image-container" class="clearfix">
            </div>
        </div>
        <script src="js/typography.js"></script>
    </body>
</html>